<template>
  <div class="footer">
    <h1>Footer:{{ person }}</h1>
    <!-- 
      如果父组件传递过来的是一个对象类型，我们也不能钻空子！！！！
      不能修改父组件传递过来的对象中属性的值！！！！！虽然可能没有报错

     -->
    <button @click="person.age++">changePerson</button>
  </div>
</template>

<script>
export default {
  name: "Footer",
  props: ["person"],
  data() {
    return {};
  },
};
</script>

<style scoped>
.footer {
  border: 1px solid #000;
}
</style>
